Component({
  /**
   * 组件的初始数据
   */
  data: {
    // 子元素集合
    elements: [],
    // 当前子元素序号
    currentIndex: 0
    // 初始
  },
  // 父组件传值
  properties: {
    items: Array,
    currentIndex: {
      type: Number,
      value: 0,
      observer: function (newVal, oldVal, changedPath) {
        let target = {
          dataset: {
            index: newVal
          }
        }
        // this.switchover({ target });
        //给父组件传值
        this.triggerEvent('scrollChange', {
          index: newVal
        })
      }
    }
  },
  /**
   * 组件的初始数据方法
   */
  ready() {
    let self = this;
    self.createSelectorQuery().selectAll('.scroll-item').boundingClientRect(function (rects) {
      self.setData({
        elements: rects,
      })
    }).exec(function (e) {
      let target = {
        dataset: {
          index: 0
        }
      }
      self.switchover({ target })
    });
  },
  /**
   * 组件的方法列表
   */
  methods: {
    switchover(e) {
      let index = e.target.dataset.index
      // 赋值
      this.setData({
        currentIndex: index,
        offset: this.data.elements[index].left,
        // 设置的margin左右个10px，所以需要减去20
        currentWidth: this.data.elements[index].width - 20
      })

    }
  }
})